import request from '../../utils/request'
import PubSub from 'pubsub-js'
import moment from 'moment'

//获取
const appInstance = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    isPlay: false, //音乐是否播放
    song: {}, //歌曲详情对象
    musicId: '', //音乐id
    musicLink:'',  //音乐链接
    currentTime:'00:00',  //实时时间
    durationTime:'00:00', //总时长
    currentWidth:'0'  //实时进度条的宽度
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let musicId = options.musicId;
    this.setData({
      musicId
    })
    //判断当前页面音乐是否在播放
    if(appInstance.globaData.isMusicPlay && appInstance.globaData.musicId === musicId){
      this.setData({
        isPlay:true
      })
    }
    this.getMusicInfo(musicId)
    //创建音乐播放的实例
    this.backgroundAudioManager = wx.getBackgroundAudioManager();
    //解决 用户操作系统控制音乐播放/暂停的按钮
    this.backgroundAudioManager.onPlay(()=>{
      this.changePlayState(true)
    //修改全局音乐的播放状态
      appInstance.globaData.musicId = musicId;
    })
    this.backgroundAudioManager.onPause(() => {
      this.changePlayState(false)
    })
    this.backgroundAudioManager.onStop(() => {
      this.changePlayState(false)

    })
    this.backgroundAudioManager.onEnded(() => {
        //自动切换至下一首音乐 自动播放
        PubSub.publish('switch','next')
        //将实时进度条的长度还原成 0
        this.setData({
          currentWidth:0,
          currentTime:'00:00'
        })
      });
    //监听音乐实时播放的进度
    this.backgroundAudioManager.onTimeUpdate(()=>{
      console.log(this.backgroundAudioManager.duration)
      console.log(this.backgroundAudioManager.currentTime)
      //格式化实时的播放时间
      let currentTime = moment(this.backgroundAudioManager.currentTime * 1000).format('mm:ss')
      let currentWidth = this.backgroundAudioManager.currentTime / this.backgroundAudioManager.duration * 450
      this.setData({
        currentTime,
        currentWidth
      })
    })
  },
  changePlayState(isPlay){
    this.setData({
      isPlay
    })
    //修改全局音乐的播放状态
    appInstance.globaData.isMusicPlay = isPlay;
  },
  //获取音乐详情的功能
  async getMusicInfo(musicId) {
    let songData = await request('/song/detail', {
      ids: musicId
    })
    let durationTime = moment(songData.songs[0].dt).format('mm:ss')
    console.log(durationTime)
    this.setData({
      song: songData.songs[0],
      durationTime
    })
    //动态修改窗口标题
    wx.setNavigationBarTitle({
      title: this.data.song.name
    })
  },
  //点击播放/暂停的回到
  handleMusicPlay() {
    let isPlay = !this.data.isPlay;
    // //修改播放的状态
    // this.setData({
    //   isPlay
    // })
    let { musicId,musicLink } = this.data;
    this.musicControl(isPlay, musicId,musicLink)
  },
  //控制音乐播放/暂停的功能
  async musicControl(isPlay, musicId,musicLink) {
    if (isPlay) {
      if (!musicLink) {
        //获取音乐播放链接
        let musicLinkData = await request('/song/url', {id: musicId});
        musicLink = musicLinkData.data[0].url;
        this.setData({
          musicLink
        })
      }
     
      //音乐播放
      this.backgroundAudioManager.src = musicLink
      this.backgroundAudioManager.title = this.data.song.name
    }else{
      this.backgroundAudioManager.pause()
    }
  },
  //点击切换歌曲
  handSwitch(e){
    //获取切歌的类型
    let type = e.currentTarget.id

    ///关闭当前播放的音乐
    this.backgroundAudioManager.stop()
    // 订阅来自recommend 页面发布的musicId消息
    PubSub.subscribe('musicId',(msg,musicId) =>{
      console.log(musicId)
      //获取音乐详情信息
      this.getMusicInfo(musicId)
      //自动播放当前的音乐
      this.musicControl(true,musicId)
      //取消订阅
    PubSub.unsubscribe('musicId')
    })
    
    //发布消息数据给recommend页面
    PubSub.publish('switchType',type)
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})